<!DOCTYPE html>
<html lang="zh-cn">
    <head>
        <meta charset="utf-8">
        <title>gRaphaël - 饼图</title>
        <link rel="stylesheet" href="assets/base.css">
        <link rel="stylesheet" href="assets/demo.css">
        <link rel="stylesheet" href="http://dreamsky.github.io/main/blog/common/init.css">
        <style>
        .top-banner {
            background: #333;
        }
        </style>
        <script src="assets/raphael-min.js"></script>
        <script src="assets/g.raphael.js"></script>
        <script src="assets/g.pie.js"></script>
        <script>
            window.onload = function () {
                var r = Raphael("holder");

                r.text(320, 50, "漂亮的饼图").attr({ font: "20px sans-serif" });
                r.piechart(320, 250, 160, [55, 20, 13, 32, 5, 1, 2, 10]);
            };
        </script>
    </head>
    <body class="raphael">
        <div id="holder" style="margin-top:150px"></div>
        <p style="text-align:center">
            <a href="http://www.cnblogs.com/lhb25/archive/2013/01/07/gRaphael-javascript-chart-library.html">gRaphaël</a> 矢量图表库示例。
        </p>
        <div class="footer-banner" style="width:728px; margin:30px auto"></div>
        <script type="text/javascript" src="http://cdn.staticfile.org/jquery/1.8.2/jquery.min.js"></script>
        <script src="http://dreamsky.github.io/main/blog/common/init.js"></script>
    </body>
</html>
